<style  scoped>
.register_menu_bar {
  background-color: #f9f9f9;
  padding: 22px;
  border-radius: 4px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

.register_menu_bar > h2 {
  font-size: 16px;
  padding-left: 16px;
  position: relative;
  /* padding: 22px 0 */
}
.register_menu_bar > h2 > span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background-color: #E6A23C;
}
.register_menu_bar > ul.list > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 15px;
}
.register_menu_bar > ul.list > li > .el-button {
  width: 100%;
  height: 40px;
}
.register_menu_bar > ul.list > li > span {
  width: 80px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.register_menu_bar > ul.list > li > .el-dd {
  width: calc(100% - 80px);
}

</style>
<template lang='pug'>
.register_menu_bar
  h2 
    span
    | 文章检索
  ul.list
    li
      span
        | 文章编号
      el-input(class="el-dd" v-model="updata.id")
    li
      span
        | 文章名称
      el-input(class="el-dd" v-model="updata.name")
    li
      span
        | 文章分类
      el-select(class="el-dd" v-model="updata.type", placeholder="请选择")
        el-option(
          v-for="item in $store.state.base.typeList",
            v-if="item.publish"
            :key="item._id"
            :label="item.name"
            :value="item._id"
        )
    li
      el-button(type="warning", size="medium", @click="push") 查询
</template>

<script>
export default {
  data() {
    return {
      updata: {
        id: "",
        name: "",
        status: "",
        type: "",
      },
    };
  },
  methods: {
    push() {
      this.$emit("getData", {
        ...this.updata
      });
    },
  },
};
</script>